<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>消息列表</title>
		<link rel="stylesheet" href="../css/mui.min.css" />
		<link rel="stylesheet" href="../css/mooc.css" /> 
	</head>
	<style>
		.headbar {
			background-color: #3ac9af;
		}
		
		.mui-icon-left-nav {
			color: white;
		}
		
		.mui-title {
			color: white;
		}
		
		.mui-content {
			background-color: white;
			margin-top: 0px;
		}
		/***按钮***/
		
		.mui-content .top {
			height: 62px;
			border-bottom: 2px solid #eaeaea;
			background-color: white;
		}
		
		.footbtndiv {
			text-align: center;
			padding-top: 19px;
		}
		.c1 .footbtnspan{
			padding: 8px 20px 8px 20px;
			border: 1px solid #eef0f2;
			border-radius: 3px;
			color: #bfc2ca;
			font-size: 14px;
		}
		.c2 .footbtnspan{
			padding: 8px 20px 8px 20px;
			border: 1px solid #3ac9af;
			border-radius: 3px;
			color: #3ac9af;
			font-size: 14px;
		}
		/**消息列表**/
		
		.discuss-div {
			background-color: white;
			margin: 0px 0px 0px 0px;
			padding: 15px 0px 0px 0px;
		}
		
		.discuss-div .title {
			padding: 0px 0px 3px 0px;
		}
		
		.discuss-div .circle {
			font-size: 12px;
			margin-right: 3px;
			display: inline-block;
		}
		
		.c1 .circle {
			color: #a8aebc;
		}
		
		.c2 .circle {
			color: #f6564a;
		}
		
		.c3 .circle {
			color: #fbbc41;
		}
		
		.d-name {
			color: #7a7a7a;
		}
		
		.c1 .d-name {
			color: #a8aebc;
		}
		
		.c2 .d-name {
			color: #555555;
		}
		
		.c3 .d-name {
			color: #555555;
		}
		
		.d-time {
			float: right;
			color: #b5b5b5;
			font-size: 14px;
		}
		
		.discuss-div .content {
			padding: 5px 0px 19px 15px;
			color: #7a7a7a;
			font-size: 16px;
			margin-bottom: 10px;
			height: 20px;
			overflow: hidden;
		}
		
		.c1 .content {
			color: #a8aebc;
		}
		
		.c2 .content {
			color: #838383;
		}
		
		.c3 .content {
			color: #838383;
		}
		
	</style>

	<body>
		<header class="mui-bar mui-bar-nav headbar">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			</a>
			<h1 class="mui-title">我的消息</h1>
		</header>
		<div class="mui-scroll-wrapper">
		<div class="mui-content">
			 <div class="nettip" id="nettip">
			    <span class="nt2">当前网络不可用,请检查你的网络设置</span>
		     </div>
			<div class="top">
				<div class="footbtndiv c1" id="setallreaded"><span class="footbtnspan">全部标记已读</span></div>
			</div>
				<ul class="mui-table-view discusss-div" id="discusss-div">
					<!--
					<li class="mui-table-view-cell c1">
						<div class="mui-slider-right mui-disabled">
							<a class="mui-btn mui-btn-red">删除</a>
						</div>
						<div class="mui-slider-handle discuss-div" discussid="13">
							<div class="title">
								<span class="circle">●</span>
								<span class="d-name">通知消息</span>
								<span class="d-time">2016-04-25 12:10</span>
							</div>
							<div class="content">
								斯蒂芬撒发的
							</div>
						</div>
					</li>
					 -->
				</ul>
		</div>
		</div>
	</body>
	<script type="text/javascript" src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../script/config.js"></script>
	<script src="../script/moocpublic.js"></script>
	<script type="text/javascript" src="../js/DMobileFrame_DownLoadUtil.js"></script>
	<script src="script/msgindex.js"></script>

</html>